<%@ page language="java" import="java.util.*,bookshop.config.VersionInfo" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" type="text/css" href="<c:url value="/css/listdata.css"></c:url>">
	
	<script type="text/javascript" src="<c:url value="/js/common.js"/>"></script>

    <style type="text/css">
    
      .ok{
         PADDING:CENTER;
         PADDING-LEFT:100PX;
      }
      
      .note{
      
            PADDING: center; 
            PADDING-LEFT:40px;
			MARGIN-TOP: 10px;
			MARGIN-LEFT:20PX;
			MARGIN-RIGHT:20PX;
			BACKGROUND-COLOR:#FEECC8 ;
			
			
      }
      
       * {
			PADDING: 0px; 
			MARGIN: 0px; 
		}
		BODY {
			FONT-SIZE: 12px; 
			COLOR: #404040; 
			FONT-FAMILY: "宋体", Arial, Helvetica, sans-serif; 
			BACKGROUND-COLOR: #fff
		}
		IMG {
			BORDER-WIDTH: 0px
		}
		A {
			COLOR: #1a66b3; 
			TEXT-DECORATION: none
		}
		A:hover {
			COLOR: #1a66b3; 
			TEXT-DECORATION: underline
		}
		.comm_head {
			PADDING-LEFT: 1px; 
			PADDING-RIGHT: 1px; 
			PADDING-TOP: 0px; 
			PADDING-BOTTOM: 15px; 
			MARGIN: 0px auto; 
			WIDTH: 962px; 
			BACKGROUND-COLOR: #fff;
			/* border: 1px solid red; */
		}
		.welcome_notice {
			PADDING-LEFT: 19px; 
			PADDING-RIGHT: 7px; 
			PADDING-TOP: 0px; 
			PADDING-BOTTOM: 0px; 
			BORDER-RIGHT: #a7a7a7 1px solid; 
			BORDER-TOP: #a7a7a7 1px; 
			BORDER-LEFT: #a7a7a7 1px solid; 
			BORDER-BOTTOM: #a7a7a7 1px solid; 
			HEIGHT: 25px; 
			BACKGROUND-COLOR: #fffbf0;
			/* border: 1px solid red; */
		}
		.head_toutext {
			MARGIN-TOP: 7px; 
			FONT-WEIGHT: bold; 
			FLOAT: left;
			WIDTH: 400px; 
			HEIGHT: 15px;
			/* border: 1px solid red; */
		}
		.little_navi {
			FLOAT: right; 
			PADDING-TOP: 4px;
		}
		.little_navi .little_n {
			DISPLAY: block; 
			FLOAT: left; 
			LINE-HEIGHT: 20px; 
			MARGIN-RIGHT: 8px; 
			PADDING-TOP: 2px
		}
		.little_navi .little_n A.green {
			FONT-WEIGHT: bold; 
			COLOR: #0d7101; 
			TEXT-DECORATION: none
		}
		.little_navi .little_n A.green:hover {
			FONT-WEIGHT: bold; 
			COLOR: #0d7101; 
			TEXT-DECORATION: underline;
		}
		.cart {
			PADDING-LEFT: 25px; 
			PADDING-RIGHT: 3px; 
			MARGIN-TOP: 5px; 
			BACKGROUND: url(<c:url value="/pics/front/CART_BG1.gif" />) no-repeat; 
			FLOAT: right; 
			LINE-HEIGHT: 20px; 
			HEIGHT: 18px
		}
		.gray4012 A {
			COLOR: #404040; 
			TEXT-DECORATION: none
		}
		.gray4012 A:hover {
			COLOR: #404040; 
			TEXT-DECORATION: underline
		}
		.welcome_p {
			PADDING-TOP: 7px
		}
		.welcome_p A.b {
			FONT-WEIGHT: bold; 
			TEXT-DECORATION: none
		}
		.welcome_p A.b:hover {
			FONT-WEIGHT: bold; 
			TEXT-DECORATION: underline
		}
		.my_head {
			BACKGROUND: url(<c:url value="/pics/front/jianbian1.gif" />) repeat-x 50% bottom; 
			PADDING-BOTTOM: 9px; 
			WIDTH: 960px;
			/* border: 1px solid red; */
		}
		.logo_navi {
			BORDER-LEFT: #878787 1px solid; 
			BORDER-RIGHT: #878787 1px solid; 
			PADDING-LEFT: 25px; 
			PADDING-TOP: 14px; 
			HEIGHT: 63px
		}
		.logo_img {
			FLOAT: left; 
			MARGIN-RIGHT: 33px
		}
		.my_shopping {
			MARGIN: auto; 
			WIDTH: 950px; 
			HEIGHT: 21px
		}
		.pic_shop {
			FLOAT: left; 
			WIDTH: 132px; 
			MARGIN-RIGHT: 15px; 
			MARGIN-LEFT: 5px;
			HEIGHT: 21px
		}
		.shop_news {
			MARGIN-TOP: 10px; 
			FLOAT: left
		}
		.t_red A {
			COLOR: #cc3300; 
			TEXT-DECORATION: none
		}
		.t_red A:hover {
			COLOR: #cc3300; 
			TEXT-DECORATION: underline
		}
		.choice_merch {
			MARGIN: 25px auto auto; 
			WIDTH: 950px
		}
		.objhide {
			DISPLAY: none
		}
		.choice_bord {
			BORDER: #818e6e 2px solid; 
			PADDING: 1px; 
			MARGIN-LEFT: 5px;
			WIDTH: 944px; 
			BACKGROUND-COLOR: #fefbf2
		}
		.tabl_buy {
			WIDTH: 944px; 
			LINE-HEIGHT: 35px; 
			BORDER-COLLAPSE: collapse
		}
		.tabl_buy_title {
			LINE-HEIGHT: 24px; 
			HEIGHT: 24px; 
			BACKGROUND-COLOR: #d8e4c6
		}
		.tabl_buy_title TD {
			BORDER-BOTTOM: #a1a1a1 1px solid
		}
		.tabl_buy_title SPAN {
			DISPLAY: block;
			FONT-SIZE: 12px;
		}
		.span_w1 {
			PADDING-LEFT: 210px;
		}
		.span_w2 {
			PADDING-LEFT: 5px
		}
		.span_w3 {
			PADDING-LEFT: 20px
		}
		.span_w4 {
			PADDING-LEFT: 10px
		}
		.buy_td_1 {
			WIDTH: 58px
		}
		.buy_td_2 {
			WIDTH: 85px
		}
		.buy_td_3 {
			WIDTH: 90px
		}
		.buy_td_4 {
			WIDTH: 135px
		}
		.buy_td_5 {
			WIDTH: 108px
		}
		.buy_td_6 {
			WIDTH: 30px
		}
		.buy_td_7 {
			PADDING-LEFT: 10px; 
			WIDTH: 68px
		}
		.buy_td_8 {
			WIDTH: 78px
		}
		.pic_ss {
			FLOAT: left; 
			MARGIN: 6px 6px 0px
		}
		.w_gray {
			FONT-WEIGHT: bold; 
			COLOR: #666
		}
		.w_gray A {
			COLOR: #666
		}
		.w_gray A:hover {
			COLOR: #666
		}
		.td_no_bord {
			HEIGHT: 35px;
			FONT-SIZE: 12px;
		}
		.c_gray {
			COLOR: #878787
		}
		.gift_no {
			DISPLAY: block; 
			PADDING-LEFT: 17px; 
			CURSOR: pointer
		}
		.del_num {
			BORDER: #797979 1px solid; 
			FONT-SIZE: 12px; 
			WIDTH: 31px; 
			LINE-HEIGHT: 18px; 
			HEIGHT: 18px; 
			TEXT-ALIGN: center
		}
		.no_select {
			FONT-WEIGHT: bold; 
			FONT-SIZE: 14px; 
			LINE-HEIGHT: 67px; 
			HEIGHT: 67px; 
			TEXT-ALIGN: center;
			/* border: 1px solid red; */
		}
		.choice_balance {
			BORDER-TOP: #a1a1a1 2px solid; 
			WIDTH: 944px; 
			HEIGHT: 53px; 
			BACKGROUND-COLOR: #fff
		}
		.select_merch {
			/* BACKGROUND: url(../images/bg_dot_long.gif) no-repeat right 4px; */
			FLOAT: left; 
			MARGIN: 8px 0px 0px 12px; 
			WIDTH: 98px; 
			LINE-HEIGHT: 20px; 
			HEIGHT: 34px
		}
		.select_merch A {
			COLOR: #ff7100; 
			TEXT-DECORATION: none
		}
		.select_merch A:hover {
			COLOR: #ff7100; 
			TEXT-DECORATION: underline
		}
		.total_balance {
			PADDING-RIGHT: 5px; 
			FLOAT: right; 
			HEIGHT: 34px
		}
		.save_total {
			PADDING-RIGHT: 15px; 
			MARGIN-TOP: 11px; 
			FLOAT: left; 
			LINE-HEIGHT: 20px; 
			HEIGHT: 34px; 
			WIDTH: 640px; 
			TEXT-ALIGN: right
		}
		.save_total_right {
			FLOAT: right; 
			LINE-HEIGHT: 36px
		}
		.t_add {
			FONT-WEIGHT: bold; 
			FONT-SIZE: 14px; 
			FLOAT: left
		}
		.c_red_b {
			FONT-WEIGHT: bold; 
			FONT-SIZE: 14px; 
			COLOR: #cc3300
		}
		.save_total_left {
			BORDER-RIGHT: #666 1px solid; 
			WIDTH: 400px; 
		}
		.c_red {
			COLOR: #cc3300
		}
		.balance {
			MARGIN-TOP: 10px; 
			MARGIN-RIGHT: 2px; 
			FLOAT: left; 
			WIDTH: 100px; 
			HEIGHT: 34px
		}
    </style>
    
    <script type="text/javascript">
    
       function logout() {
			if(confirm("您真的要离开当当网吗?")) {
				location.href="<c:url value="/customer?act=logout"/>";
			}
	    }
    
       function accountPrice(id,i) {
	    	
	    	location.href="<c:url value="/order?act=doneOrder&id="/>"+id+"&quantity="+num;
	    }
    </script>

  </head>
  
  <body>
    <DIV class=comm_head>
		<DIV class=welcome_notice>
		    <SPAN class=head_toutext id=nickname > 
				您好,${loginedCustomer.customerName} 
    			[<SPAN onclick="logout();" style="cursor:hand;color:green">退出系统</SPAN>]
			</SPAN>
			<DIV class=little_navi>
				<FORM id=bootpagetopSearch name=bootpagetopSearch
					action="" method=get>
					<DIV class=little_n> 
						| <A href="<c:url value="/myDD?act=showMyDD" />" target=mydangdang name=mydangdang>我的当当</A> 
					</DIV>
				</FORM>
			</DIV>
			<DIV class="cart gray4012">
				<A href="<c:url value="/shoppingcart?act=showShoppingCart" />">购物车</A>
			</DIV>
			<P class=welcome_p id=nickname></P>
		</DIV>
		<DIV class=my_head>
			<DIV class=logo_navi>
				<A href="<c:url value="/workflow?act=mainscreen" />">
				<IMG class=logo_img
					src="<c:url value="/pics/front/logo.gif" />">
				</A>
			</DIV>
		
			<DIV style="float:right">
			    <IMG alt="3.完成订单" src="<c:url value="/pics/front/tag_3_2.gif" />" height="25px" >
			</DIV>
			<DIV style="float:right">
			    <IMG alt="2.填写订单" src="<c:url value="/pics/front/tag_2_2.gif" />" height="25px">
			</DIV>
			<DIV style="float:right">
			    <IMG alt="1.我的购物车" src="<c:url value="/pics/front/tag_1_2.gif" />" height="25px">
			</DIV>
			<DIV style="float:right">
			     <h3>完成订单</h3>
			</DIV>
			
			
		</DIV>
		<DIV class=choice_merch id=div_choice>
		   <DIV class=choice_bord>
		     <H4 id=cart_tips>
			  &nbsp;完成订单
			 </H4>
			 <br/>
			 <br/>
			 <DIV class=ok>
			      <H4 id=cart_tips>
			          <img  src="<c:url value="/pics/front/write_ok.gif" />">
			          &nbsp;感谢您提交订单，我们将及时为您处理！
			      </H4>
			 </DIV>
			 <br/>
			 
			 <DIV class=note>
			    
			     <strong>温馨提示：</strong>由于系统需要进行订单预处理，您可能1~3分钟后才能查询到您提交的订单，请您谅解。<br/><br/>
			     <strong>付款须知：</strong>网上支付的订单，请您在24小时内支付，否则订单将自动取消。	     
			    
			 </DIV>
			 
			 <DIV style="margin-top:30px;margin-bottm:30px;margin-left:20px;margin-rifht:20px;">
			      <H4 id=cart_tips>&nbsp;订单号：${orderId}</H4>
			 </DIV>
			 
			 <DIV id="footer" style="margin-top:20px;width:950px;border-top:1px solid; COLOR: #404040;COLOR: #666; text-align:center; background-color:#fff;font-size:12px;">
                    <%=VersionInfo.buildFooterStr()%>       
             </DIV>
			 
		   </DIV>
		</DIV>
	</DIV>
  </body>
</html>
